Changing link colors in Twentytwelve

Twentytwelve for WordPress. When using child themes, you can’t just throw in a quick a, a:hover, and a:visited and be done with it. For a while this morning, I was having trouble getting the a:visited links to change color or change on hover when inside a post. After a bunch of Firebugging, nothing came up. This post had some answers, and I just changed the code to make it easier to change the colors quickly.

a:link,
.widget-area .widget a,
footer[role="contentinfo"] a,
.comments-link a,
.entry-meta a,
a.comment-reply-link, a.comment-edit-link,
.comments-link a, .entry-meta a,
.comments-area article header a,
.comments-area article header cite a { color: #996614; }

a:visited,
.entry-content a:visited,
.comment-content a:visited,
.widget-area .widget a:visited { color: orange; }

a:hover,
.widget-area .widget a:hover,
footer[role="contentinfo"] a:hover,
a.comment-reply-link:hover, a.comment-edit-link:hover,
.comments-link a:hover, .entry-meta a:hover,
.comments-area article header a:hover,
.comments-area article header cite a:hover { color: #E89B1E; !important}

a:visited:hover { color: #E89B1E; }

a:active { color: #E89B1E; }

That’s better. Now if I could just get back that wasted time.

 

Check out some Bands on Bandcamp.com. Altogether Steve and the Mercenaries, Crazy Fingers (Vancouver 1991), Flying Butt Pliers, and Hammy Ham Hands.

Proudly powered by a Text Editor, an Sftp client and some Internet Searches.

2025 dispelled.ca end of file.